        <!-- BOX DIREITO -->
        <td colspan="2" valign="top" style="border-left:1px solid #bbb; border-right:1px solid #ccc; padding:20px 12px;">
            <div id="titulo_pagina">Oportunidades</div>
            <p>Manuten&ccedil;&atilde;o das Oportunidades.</p>
   			<script type="text/javascript">
   				<?php
   				//Variaveis para configuracao da GRID
   				//$gridName - ID da GRID
   				//$controller - Controlador da GRID
   				//$titleList - Titulo da GRID
   				//$titleForm - Titulo do Formulario
   				$gridName = "gridOportunidades";
   				$controller = "oportunidades";
   				$titleList = "Lista de Oportunidades";
   				$titleForm = "Formul&aacute;rio de Oportunidades";
   				?>
   				//Array com todos os campos da tabela.
				var arr_fields = [
				                  {nome:'id_oportunidade',label:'Id', tp_obj: 'hid', tipo : 'str', grid:{name:'id_oportunidade',index:'id_oportunidade', width:23, def_order:true,order:'asc'}},
				                  {nome:'id_origem_oportunidade_fk',label:'Origem', tp_obj: 'txt', tipo : 'int', grid:{name:'id_origem_oportunidade_fk',index:'id_origem_oportunidade_fk', width:170, hidden:true, def_order:false,order:''}},
				                  {nome:'id_tipo_oportunidade_fk',label:'Tipo', tp_obj: 'sel', tipo : 'int', grid:{name:'id_tipo_oportunidade_fk',index:'id_tipo_oportunidade_fk', width:170, def_order:false, hidden:true,order:''}},
				                  {nome:'id_campanha_fk',label:'Campanha', tp_obj: 'txt', tipo : 'int', grid:{name:'id_campanha_fk',index:'id_campanha_fk', width:90, hidden:true, def_order:false,order:''}},
				                  {nome:'id_conta_fk',label:'Conta', tp_obj: 'txt', tipo : 'int', grid:{name:'id_conta_fk',index:'id_conta_fk', width:160, hidden:true, def_order:false,order:''}},
				                  {nome:'id_fase_oportunidade_fk',label:'Fase', tp_obj: 'sel', tipo : 'int', grid:{name:'id_fase_oportunidade_fk',index:'id_fase_oportunidade_fk', width:60, def_order:false,order:''}},
				                  {nome:'descricao',label:'Descri&ccedil;&atilde;o', tp_obj: 'txt', tipo : 'str', grid:{name:'descricao',index:'descricao', width:170, def_order:false,order:''}},
				                  {nome:'probabilidade',label:'Probabilidade', tp_obj: 'txt', tipo : 'str', grid:{name:'probabilidade',index:'probabilidade', width:60, align:'right', def_order:false,order:'',formatter:'currency',formatoptions:{prefix:"", suffix:" %"}}},
				                  {nome:'valor',label:'Valor', tp_obj: 'txt', tipo : 'str', grid:{name:'valor',index:'valor', width:50, def_order:false,order:'',align:'right',formatter:'currency', formatoptions:{prefix:"R$"}}},
				                  {nome:'data_fechamento',label:'Dt. Fechamento', tp_obj: 'txt', tipo : 'str', grid:{name:'data_fechamento',index:'data_fechamento',align:'right', width:60, def_order:false,order:'', formatter:'date'}},
				                  {nome:'observacao',label:'Observacao', tp_obj: 'txt', tipo : 'str', grid:{name:'observacao',index:'observacao', width:70, align:'right', hidden:true, def_order:false,order:''}},
				                  {nome:'hid_oper',label:'', tp_obj: 'hid', tipo : 'str', grid:null}
					              	];

				//Variavel com o codigo da linha selecionada
				var editValue = null;
				$(document).ready(function(){
					var arr_fld_grid = new Array();
					var arr_fld_labels = new Array();
					var fld_sort_name = "";
					var fld_sort_order = "";

					//Monta os arrays com os labels e os campos
					for(i=0; i<arr_fields.length; i++)
					{
						if(arr_fields[i].grid != null)
						{
							arr_fld_grid.push(arr_fields[i].grid);
							arr_fld_labels.push(arr_fields[i].label);
							if(arr_fields[i].grid.def_order)
							{
								fld_sort_name = arr_fields[i].grid.name;
								fld_sort_order = arr_fields[i].grid.order;
							}
						}
					}

					//Montagem da GRID
					jQuery("#<?php echo $gridName; ?>").jqGrid({
					   	url:'<?php echo base_url().$controller."/listAll"?>',
						datatype: "json",
					   	colNames:arr_fld_labels,
					   	colModel:arr_fld_grid,
					   	rowNum:10,
					   	rowList:[5,10,20,30],
					   	height: 'auto',
					   	width:'960',
					   	pager: '#p<?php echo $gridName; ?>',
					   	sortname: fld_sort_name,
					    viewrecords: true,
					    sortorder: fld_sort_order,
					    caption:'<?php echo $titleList; ?>',
					    onSelectRow: function(id){ 
							if(id && id!==editValue){ 
								editValue=id; 
							} 
						}
					})
					.navGrid('#p<?php echo $gridName; ?>',{edit:false,add:false,del:false,search:false,refresh:false},{},{},{})
				});

				//Validacao e envio do formulario
				$(function() {

					var id_origem_oportunidade_fk = $("#id_origem_oportunidade_fk"),
						id_tipo_oportunidade_fk = $("#id_tipo_oportunidade_fk"),
						id_campanha_fk = $("#id_campanha_fk"),
						id_conta_fk = $("#id_conta_fk"),
						id_fase_oportunidade_fk = $("#id_fase_oportunidade_fk"),
						descricao = $("#descricao"),
						probabilidade = $("#probabilidade"),
						valor = $("#valor"),
						data_fechamento = $("#data_fechamento"),
						observacao = $("#observacao"),

						allFields = $([])
										.add(id_origem_oportunidade_fk)
										.add(id_tipo_oportunidade_fk)
										.add(id_campanha_fk)
										.add(id_fase_oportunidade_fk)
										.add(id_conta_fk)
										.add(descricao)
										.add(probabilidade)
										.add(valor)
										.add(data_fechamento)
										.add(observacao),
						tips = $(".validateTips");
	    			
				    $("#dialog-form").dialog({
					    bgiframe: true,
					    autoOpen: false,
					    height: 530,
					    width: 650,
					    modal: true,
					    buttons: {
						    'Cancelar': function() {
							    $(this).dialog('close');
					    		fc_reset_form(arr_fields);
					    		$("#nome_campanha").html("");
					    		$("#nome_conta").html("");
						    },
						    'Salvar': function()
						    {
								var bValid = true;
								allFields.removeClass('ui-state-error');

								bValid = bValid && validation(id_conta_fk, "Conta", "required", tips, 0, 0);
								bValid = bValid && validation(id_fase_oportunidade_fk, "Oportunidade", "required", tips, 0, 0);
								bValid = bValid && validation(descricao, "Descricao", "required", tips, 0, 0);
								bValid = bValid && validation(descricao, "Descricao", "length", tips, 1, 250);

								if(bValid)
								{
						            $('#dialog-wait').dialog({ 
						            	closeOnEscape: false,
						            	draggable: false,
						            	modal: true,
						            	resizable: false  
						            });
									eval(fc_get_fields(arr_fields));
									$.ajax({
										  type: 'POST',
										  url: '<?php echo base_url().$controller."/save"?>',
										  data: arr_data,
										  success: function(msg){
										  		var type = msg.substr(0,3);
												var msgs = msg.substr(4);
										  		if(type != "err")
										  		{
													showMsg(msgs);
													$("#<?php echo $gridName; ?>").trigger("reloadGrid");
													editValue = null;
										    		fc_reset_form(arr_fields);
													allFields.val('').removeClass('ui-state-error');
										  			document.getElementById('error').innerHTML= "";
										  			document.getElementById("error").style.display='none';
										  			tips.removeClass('ui-state-highlight', 1500);
													$("#dialog-form").dialog('close');
										    		$("#nome_campanha").html("");
										    		$("#nome_conta").html("");
										  		}
										  		else
										  		{
										  			document.getElementById('error').innerHTML= msgs;
										  			document.getElementById("error").style.display="";
											  	}
											}
									});
									$('#dialog-wait').dialog('close');
								}
							}
					    },
					    open: function() {
			                $('.ui-dialog-buttonpane').
			                    find('button:contains("Cancelar")').button({
			                    icons: {
			                        primary: 'cancelIcon'
			                    }
			                });
			                $('.ui-dialog-buttonpane').
    		                    find('button:contains("Salvar")').button({
    		                    icons: {
    		                        primary: 'saveIcon'
    		                    }
    			            });
			             },
					    close: function() {				
					    }
				    });
				});		
			</script>
			<script>
				$(document).ready(function() {
		            $("#bt_add").button({
			            icons: {primary: "addIcon"}
		            }).click(function(){
						$('#dialog-form').dialog('option', 'title');
			            $('#dialog-form').dialog('open');
						$('#hid_oper').val("add");
		    		});
	
		            $("#bt_edit").button({
			            icons: {primary: "editIcon"}
		            }).click(function(){
					   if(editValue != null)
					   {
							$('#dialog-form').dialog('open');
				            $('#dialog-wait').dialog({ 
					            	closeOnEscape: false,
					            	draggable: false,
					            	modal: true,
					            	resizable: false  
					            });
							$.ajax({
		                        type: "POST",
		                        url: '<?php echo base_url().$controller."/getById"?>',
		                        data: {id:editValue},
		                        success: function(msg) 
		                        {
									var obj = msg;
									fc_edit(arr_fields, obj);	
									$('#hid_oper').val("upd");
									eval("var edi = "+msg);
									var probabilidade = edi.rows[0].cell[7];
									var valor = edi.rows[0].cell[8];
									$("#probabilidade").val(probabilidade.replace(".",","));	
									$("#valor").val(valor.replace(".",","));	
									changeCustomer();
									changeCampaign();							
		                        }
							});
							$('#dialog-wait').dialog('close');
					   }
					   else
					   {
						   dialogMessage('Selecione uma linha','dialog-message');   
							$("#<?php echo $gridName; ?>").trigger("reloadGrid");
					   }
					});

		            $("#bt_delete").button({
			            icons: {primary: "deleteIcon"}
		            }).click(function(){
		            	if(editValue != null)
					   	{
				   			$("#dialog-confirm").dialog({
				   				resizable: false,
				   				height:150,
				   				width:400,
				   				modal: true,
				   				buttons: {
				   					'Confirmar': function() {
        					            $('#dialog-wait').dialog({ 
        					            	closeOnEscape: false,
        					            	draggable: false,
        					            	modal: true,
        					            	resizable: false  
        					            });
										$.ajax({
				                    		type: "POST",
				                    		url: '<?php echo base_url().$controller."/delete"?>',
				                    		data: {id:editValue},
				                    		success: function(msg) 
				                    		{
										  		var type = msg.substr(0,3);
												var msgs = msg.substr(4);

												if(type != "err")
												{
						   							showMsg(msgs);
												}
												else
												{
													dialogMessage(msgs,'dialog-message');   
												}
						       					$("#<?php echo $gridName; ?>").trigger("reloadGrid");
						       					editValue = null;
				                    		}
										});
										$('#dialog-wait').dialog('close');
				   						$(this).dialog('close');
				   					},
				   					Cancelar: function() {
				   						$(this).dialog('close');
				   					}
				   				}
				   			}); 
					   	}
				   		else
				   		{
							   dialogMessage('Selecione uma linha','dialog-message');   
								$("#<?php echo $gridName; ?>").trigger("reloadGrid");
					   	}
					});

		            $("#bt_search").button({
			            icons: {primary: "searchIcon"}
		            }).click(function(){
						jQuery("#<?php echo $gridName; ?>").jqGrid('searchGrid',{multipleSearch:true});
		    		});

		            $("#bt_refresh").button({
			            icons: {primary: "refreshIcon"}
		            }).click(function(){
		            	$("#<?php echo $gridName; ?>").trigger("reloadGrid");
		    		});

		            $("#bt_detail").button({
			            icons: {primary: "detailIcon"}
		            }).click(function(){
		            	if(editValue != null)
					   	{
						   	window.location = "<?php echo base_url().$controller;?>/details/"+editValue;
					   	}
		            	else
		            	{
							dialogMessage('Selecione uma linha','dialog-message');   
							$("#<?php echo $gridName; ?>").trigger("reloadGrid");
			            }
		    		});
		        });	 

				$(function() {
					$( "#tabs" ).tabs();
				});  

				function openCampaignWindow()
				{
					var width = 680;
					var height = 570;

					var left = 99;
					var top = 99;

					window.open("<?php echo base_url();?>campanhas/openCampaign",'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
				} 	

				function openCustomerWindow()
				{
					var width = 680;
					var height = 570;

					var left = 99;
					var top = 99;

					window.open("<?php echo base_url();?>contas/openAccountUniq/3",'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
				} 	

				function changeCampaign()
				{
					var id_campanha = $("#id_campanha_fk").val();
					$.ajax({
	                    type: "POST",
	                    url: "<?= base_url(); ?>/campanhas/getCampaign",
	                    data: "id_campanha=" + id_campanha,
	                    success: function(nome) 
	                    {
	                    	$("#nome_campanha").html(nome);
		                }
	            	});	 
				}		

				function changeCustomer()
				{
					var id_conta = $("#id_conta_fk").val();
					$.ajax({
	                    type: "POST",
	                    url: "<?= base_url(); ?>/contas/getAccount",
	                    data: "id_conta=" + id_conta,
	                    success: function(nome) 
	                    {
	                    	$("#nome_conta").html(nome);
		                }
	            	});	 
				}		

				function setCampaign(param)
				{
					$("#id_campanha_fk").val(param);
					changeCampaign();
				}

				function setAccount(param)
				{
					$("#id_conta_fk").val(param);
					changeCustomer();
				}

				$(function() {
					$.datepicker.setDefaults( $.datepicker.regional[ "pt-BR" ] );
					$("#data_fechamento").datepicker();
				});	
    		</script> 
			<style>
            	#toolbar {
            		padding: 2px 4px;
					width:950px;
            	}
        	</style>
			<div align="center">
                <div id="toolbar" class="ui-widget-header ui-corner-all">
                	<table border="0" cellpadding="0" cellspacing="0" width="100%">
                		<tr>
                			<td align="left" width="33%">
            				<?php 
            					$actions = $this->session->userdata('v_actions');
            					
            					if(in_array("ADD", $actions[$controller]))
            					{
            					?>
            	                <button id="bt_add">Novo</button>
            	                <?php 
            					}
            					
            					if(in_array("UPD", $actions[$controller]))
            					{
            	                ?>
                            	<button id="bt_edit">Editar</button>
            	                <?php 
            					}
            					
            					if(in_array("DEL", $actions[$controller]))
            					{
            	                ?>
                            	<button id="bt_delete">Deletar</button>
                            	<?php 
            					}
                            	?>
                			</td>
                			<td align="center" width="34%">
            	                <?php 
            					if(in_array("PES", $actions[$controller]))
            					{
            	                ?>
                            	<button id="bt_search">Pesquisar</button>
            	                <?php 
            					}
            					
            					if(in_array("REF", $actions[$controller]))
            					{
            	                ?>
                            	<button id="bt_refresh">Recarregar</button>
                            	<?php 
            					}

            					if(in_array("DET", $actions[$controller]))
            					{
            	                ?>
                            	<button id="bt_detail">Detalhar</button>
                            	<?php 
            					}
                            	?>
                			</td>
                			<td align="right" width="33%">
                				&nbsp;
                			</td>
                		</tr>
                	</table>
                </div>
				<table id="<?php echo $gridName; ?>"></table>
				<div id="p<?php echo $gridName; ?>"></div>
			</div>
			<div id="dialog-form" title="<?php echo $titleForm; ?>">
				<div id="error" class="ui-state-highlight" style="display:none;"></div>
				<p class="validateTips">Os campos com * s&atilde;o obrigat&oacute;rios.</p>
				<fieldset>
					<form>
						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tr>
								<td>
									<table border="0" cellpadding="0" cellspacing="0" width="100%">
            							<tr>
            								<td>
            									<table border="0" cellpadding="0" cellspacing="0" width="100%">
            										<tr>
            											<td>
                        									<label for="descricao">Descri&ccedil;&atilde;o *</label>
                        									<br />
                        									<input type="text" name="descricao" id="descricao" class="text ui-widget-content ui-corner-all" size="50" />
            											</td>
                										<td width="10px">&nbsp;</td>
            											<td>
                        									<label for="data_fechamento">Data de Fechamento</label>
                        									<br />
                        									<input type="text" name="data_fechamento" id="data_fechamento" class="text ui-widget-content ui-corner-all" size="11" />
            											</td>
            										</tr>
            									</table>
            								</td>
            							</tr>
            							<tr>
            								<td style="height:6px"></td>
            							</tr>
										<tr>
											<td>
												<table border="0" cellpadding="0" cellspacing="0" width="100%">
													<tr>
														<td>
                        									<label for="id_origem_oportunidade_fk">Origem da Oportunidade</label><br />
                        									<select name="id_origem_oportunidade_fk" id="id_origem_oportunidade_fk" class="select ui-widget-content ui-corner-all">
                        										<option value=""></option>
                        									<?php 
                        									foreach ($origem_oportunidade as $dados) 
                        									{
                        									?>
                        										<option value="<?php echo $dados->id_origem_oportunidade;?>"><?php echo utf8_decode($dados->descricao); ?></option>
                        									<?php 
                        									}
                        									?>
                        									</select>
            											</td>
            											<td width="10px">&nbsp;</td>
            											<td>
                        									<label for="id_tipo_oportunidade_fk">Tipo</label><br />
                        									<select name="id_tipo_oportunidade_fk" id="id_tipo_oportunidade_fk" class="select ui-widget-content ui-corner-all">
                        										<option value=""></option>
                        									<?php 
                        									foreach ($tipo_oportunidade as $dados) 
                        									{
                        									?>
                        										<option value="<?php echo $dados->id_tipo_oportunidade;?>"><?php echo utf8_decode($dados->descricao); ?></option>
                        									<?php 
                        									}
                        									?>
                        									</select>
            											</td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td style="height:6px"></td>
							</tr>
							<tr>
								<td>
									<table border="0" cellpadding="0" cellspacing="0" width="100%">
										<tr>
											<td>
            									<label for="id_conta_fk">Conta *</label>
            									<br />
            									<input type="text" name="id_conta_fk" id="id_conta_fk" class="text ui-widget-content ui-corner-all" size="7" onchange="changeCustomer();" /> <a href="javascript:openCustomerWindow();" title="Clique para selecionar a Conta"><img src="<?php echo base_url();?>images/ico/table_tab_search.png" width="24" /></a> <span id="nome_conta">&nbsp;</span>
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td style="height:6px"></td>
							</tr>
							<tr>
								<td>
									<table border="0" cellpadding="0" cellspacing="0" width="100%">
										<tr>
											<td>
            									<label for="id_campanha_fk">Campanha</label>
            									<br />
            									<input type="text" name="id_campanha_fk" id="id_campanha_fk" class="text ui-widget-content ui-corner-all" size="7" onchange="changeCampaign();" /> <a href="javascript:openCampaignWindow();" title="Clique para selecionar a Campanha"><img src="<?php echo base_url();?>images/ico/table_tab_search.png" width="24" /></a> <span id="nome_campanha">&nbsp;</span>
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td style="height:6px"></td>
							</tr>
							<tr>
								<td>
									<table border="0" cellpadding="0" cellspacing="0" width="100%">
										<tr>
                            				<td>
            									<label for="id_fase_oportunidade_fk">Fase *</label><br />
            									<select name="id_fase_oportunidade_fk" id="id_fase_oportunidade_fk" class="select ui-widget-content ui-corner-all">
            										<option value=""></option>
            									<?php 
            									foreach ($fase_oportunidade as $dados) 
            									{
            									?>
            										<option value="<?php echo $dados->id_fase_oportunidade;?>"><?php echo utf8_decode($dados->descricao); ?></option>
            									<?php 
            									}
            									?>
            									</select>
                            				</td>
    										<td width="10px">&nbsp;</td>
                            				<td>
            									<label for="probabilidade">Probabilidade</label>
            									<br />
            									<input type="text" name="probabilidade" id="probabilidade" alt="decimal" class="text ui-widget-content ui-corner-all" size="15" />
                            				</td>
    										<td width="10px">&nbsp;</td>
                            				<td>
            									<label for="valor">Valor</label>
            									<br />
            									<input type="text" name="valor" id="valor" alt="decimal" class="text ui-widget-content ui-corner-all" size="15" />
                            				</td>
                        				</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td style="height:6px"></td>
							</tr>
							<tr>
								<td>
									<table border="0" cellpadding="0" cellspacing="0" width="100%">
										<tr>
											<td>
            									<label for="observacao">Observa&ccedil;&atilde;o</label>
            									<br />
            									<textarea name="observacao" id="observacao" class="text ui-widget-content ui-corner-all" rows="6" cols="85"></textarea>
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
    					<input type="hidden" id="hid_oper" value="" />
						<input type="hidden" id="id_oportunidade" value="" />
    				</form>
				</fieldset>
			</div>
        </td>
        <!-- X BOX DIREITO -->